@import '~@/assets/style/variable'

.menuWrap
  position fixed
  width 100vw
  height 'calc(100vh - %s - 1px)' % $headerHeight
  right -100vw
  bottom 0
  background-color #fff
  background-position center
  background-repeat no-repeat
  background-size cover
  > div
    width 100%
    height 100%
    background-color rgba(255,255,255,.75)
    padding-top 200px
    box-sizing border-box
:global
  :local(.menuWrap)
    &.menu-show
      right 0
    ul
      list-style none
      display flex
      justify-content center
      li
        margin-left 20px
        margin-right 20px
        cursor pointer
        a
          font-size 20px
          color $redColor
    p
      margin-top 100px
      text-align center
      @media screen and (max-width: $smallviewwidth)
        padding-left 32px
        padding-right 32px